@import "css/node-content.css";
@import "css/blocks.css";
@import "css/block-editing.css";
@import "css/primary-navigation-horizontal.css";
@import "css/search.css";
@import "css/columns.css";
@import "css/navbar.css";
@import "css/breadcrumb.css";
@import "css/editor.css";
@import "css/user-navigation-vertical.css";
@import "css/views.css";
@import "css/profiles.css";
@import "css/comments.css";
@import "css/tables.css";

/** body **/
body {
  margin: 0;
  padding: 0;
  font-family: verdana,helvetica,arial,sans-serif;
  font-size: 13px;
  background-color: #fff;
}


/** Header Area **/

div#header {
  margin: 0;
  padding: 0;
  background-image: url("images/toptile.png");
  background-repeat: repeat-x;
}

div#header-inner {
  margin: 0;
  padding: 0;
  background-image: url("images/topright.png");
  background-repeat: no-repeat;
  background-position: 100% 0;
}

/* Logo */

div#logo-title {
  float: left;
  width: 300px;
}

div#logo a {

}

div#logo img {

}

/* Site Name */

div#site-name {
  margin: 0;
  padding: 0;
  width: 300px;
  background-image: url("images/topleft.png");
  background-repeat: no-repeat;
  height: 118px;
}

div#site-name h1 {
  margin: 0;
  padding: 0;
  height: 118px;
  overflow: hidden;
}

div#site-name h1 a {
  display: block;
  margin: 0;
  padding-top: 200px;
}


/* Page */


#page {
  margin: 0;
  padding: 0;
/*  For fixed width layout
    width: 960px;
    margin: 0 auto 0 auto;
*/
}

#page-inner {
  margin: 0;
  padding: 0;
}


#main {
  margin: 0;
  padding: 0;
  background-image: url("images/contentleft.png");
  background-repeat: repeat-y;
  background-color: #fff;
}


#main-inner {
  margin: 0;
  padding: 0 0 25px 0;
  background-image: url("images/contentright.png");
  background-repeat: repeat-y;
  background-position: 100% 0;
}



/** Footer Styles **/
#footer {
  margin: 0;
  padding: 0;
  background-image: url("images/basetile.png");
  background-repeat: repeat-x;
}


#footer-inner {
  margin: 0;
  padding: 0;
  background-image: url("images/baseleft.png");
  background-repeat: no-repeat;
}


#footer-message {
  margin: 0;
  padding: 30px 80px 0 80px;
  background-image: url("images/baseright.png");
  background-repeat: no-repeat;
  background-position: 100% 0;
  height: 19px;
  font-size: 11px;
}


#copyright {
  float: left;
}

#site-credit {
  float: right;
}

#navigation-top,
#skip-to-nav,
#navigation {
  position: absolute; /* Take the named anchors out of the doc flow    */
  left: -10000px;     /* and prevent any anchor styles from appearing. */
  }

#skip-to-nav
  {
    margin: 0 !important;
    font-size: 0.8em;
  }

  #skip-to-nav a:link, #skip-to-nav a:visited
  {
    color: #fff; /* Same as background color of page */
  }

  #skip-to-nav a:hover
  {
    color: #000;
    text-decoration: none;
  }

  #skip-to-nav a, #skip-to-nav a:hover, #skip-to-nav a:visited
  {
    position: absolute;
    left: 0;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }

  #skip-to-nav a:active, #skip-to-nav a:focus
  {
    position: static;
    width: auto;
    height: auto;
  }


  #header-blocks
  {
    clear: none; /* Clear the logo */
  }

/** main (container for everything else) **/
  #main
  {
    
  }


/** content **/

#content {
  float: left;
  width: 100%;
  margin-left: 0;
  margin-right: -100%; /* Negative value of #content's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
}

body.in-maintenance #content {
  margin-top: 3.6em;
}


  #search-box
  {
    width: 200px;
    margin-right: -200px; /* Negative value of #search-box's width. */
    float: left;
  }

  #primary
  {
    margin-left: 200px; /* Width of search-box */
  }

  #secondary
  {
    margin-left: 200px; /* Width of search-box */
  }

  



/** closure **/
  #closure-blocks /* See also the #page declaration above that this div shares. */
  {
  }

/** Prevent overflowing content **/
  #header,
  #content,
  #navbar,
  #sidebar-left,
  #sidebar-right,
  #footer,
  #closure-blocks
  {
    overflow: visible;
    word-wrap: break-word; /* A very nice CSS3 property */
  }



  /* If a div.clear-block doesn't have any content after it and its bottom edge
     touches the bottom of the viewport, Firefox and Safari will mistakenly
     place several pixels worth of space between the bottom of the div and the
     bottom of the viewport. Uncomment this CSS property to fix this.
     Note: with some over-large content, this property might cause scrollbars
     to appear on the #page div.
  */
  
  #page
  {
    overflow-y: hidden;
  }

/* Clearing Div style */

div.clear {
  margin: 0;
  padding: 0;
  height: 1px;
  clear: both;
}


/** Regions **/

div#content-left {
  margin: 0;
  padding: 0;
  width: 50%;
  float: left;
  min-height: 250px;
}

div#content-right {
  margin: 0;
  padding: 0;
  width: 50%;
  float: right;
  min-height: 250px;
}


/** Little bits and pieces **/

span.print-link {
  float: right;
}

div.linkarea {
  clear: both;
}


/** Contact Form Styles **/

div.contact-details {
  margin: 0 0 15px 0;
  padding: 0;
}

div.contact-details:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


div.contact-details div.address-row {
  float: left;
  margin: 0 15px 0 0;
  padding: 0;
}

div.contact-details div.address-row div.label {
  float: left;
  margin: 0;
  padding: 0;
  width: 100px;
  font-weight: bold;
}

div.contact-details div.address-row div.value {
  float: left;
  margin: 0;
  padding: 0;
  width: 200px;
}

/* definition lists */
.node-inner dl {
  margin-top: 0;
}

.node-inner dt {
  font-weight: bold;
}

.node-inner dd {
  margin-left: 0;
  margin-top: 4px;
  margin-bottom: 10px;
}

div#block-views-job_opportunities-block_1 ul li {
  margin-top: 6px;
  margin-bottom: 10px;
}

div#block-views-job_opportunities-block_1 ul li.views-row-last {
  margin-bottom: 2px;
}

/* terms and conditions */
body.page-egressive-hosting-terms-and-conditions  {
  counter-reset: section;
}

body.page-egressive-hosting-terms-and-conditions h3:before {
  counter-increment: section;
  content: counter(section) ". ";
  margin: 0 0.5em 0 0;
}

body.page-egressive-hosting-terms-and-conditions ol { 
  counter-reset: clause;
  list-style: none outside none;
  text-indent: -2em;
}

body.page-egressive-hosting-terms-and-conditions ol li { 
  counter-increment: clause; 
}
body.page-egressive-hosting-terms-and-conditions ol li:before { 
  content: counter(section) "." counters(clause, ".") ". "; 
  margin: 0 0.5em 0 0.5em; 
}  
